<template>
    <div class="container">
      <div class="header" :class="{'under':name}">
        <i class="icon ion-chevron-left main-color"><span>返回</span></i>
        <p class="title">{{title}}</p>
        <p></p>
      </div>
  </div>
</template>
<style lang="less">
  .header{
    position: relative;
    // margin:26px 0px;
    padding:26px 20px;
    height:68px;
    line-height:68px;
    box-sizing:content-box;
    border-bottom:4px solid #ed6819;
    .icon {
      font-size:32px;
      color:#EC681F;
      span {
        font-size:30px;
        padding-left:12px;
      }
    }
    .title {
      font-size:36px;
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
      color:#575757;
      font-family:"PingFangSC-Medium";
    }
  }
</style>

<script>
  export default {
    props:["name","title"],
    methods: {
      back() {
        $router.back('/')
      }
    }
  }
</script>

